<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<link rel="stylesheet" href="../../webjars/layui/2.5.6/css/layui.css"
	media="all">
<script src="../../webjars/layui/2.5.6/layui.all.js" charset="utf-8"></script>
<style>
	.personalinfo{
	margin:100px auto;
	width:769px;
	height :700px;
	background-color:#ccc;}
</style>
<body>

<div class="personalinfo">
	<form class="layui-form" action="" style="padding-top:50px">
       <div class="layui-input-item" >
       	<div class=" layui-inline">
          <label class="layui-form-label">昵称</label>
          <div class=" layui-inline ">
            <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input " style="width:100px;">
        	
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label">昵称</label>
          <div class=" layui-inline">
            <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input " style="width:100px;">
          </div>
        </div>
       </div>
      
        
        
         <div class="layui-form-item">
          <label class="layui-form-label">性别</label>
          <div class="layui-input-block">
            <input type="radio" name="sex" value="男" title="男">
            <input type="radio" name="sex" value="女" title="女" checked>
          </div>
        </div>
        <div class="layui-input-item">
        	<div class="layui-form-item layui-inline">
	          <label class="layui-form-label">爱好</label>
	          <div class="layui-input-block" style="width:100px">
	            <select name="city" lay-verify="required" >
	              <option value=""></option>
	              <option value="0">摄影</option>
	              <option value="1">绘画</option>
	              <option value="2">体育</option>
	              <option value="3">看书</option>
	              <option value="4">旅游</option>
	            </select>
	          </div>
       		 </div>
       		 <div class="layui-form-item layui-inline">
	          <label class="layui-form-label">星座</label>
	          <div class="layui-input-block " style="width:100px">
	            <select name="city" lay-verify="required" >
	              <option value=""></option>
	              <option value="0">天秤座</option>
	              <option value="1">天蝎座</option>
	              <option value="2">摩羯座</option>
	              <option value="3">金牛座</option>
	              <option value="4">白羊座</option>
	              <option value="5">双子座</option>
	              <option value="6">狮子座</option>
	              <option value="7">双鱼座</option>
	              <option value="8">巨蟹座</option>
	              <option value="9">处女座</option>
	              <option value="10">射手座</option>
	              <option value="11">水平座</option>
	            </select>
	          </div>
       		 </div>
        </div>
        <div class="layui-input-item">
        	
       		 <div class="layui-form-item layui-inline" >
	          <label class="layui-form-label">生日</label>
	          <div class="layui-input-block " style="width:100px">
	            <select name="city" lay-verify="required" >
	              <option value=""></option>
	              <option value="0">01</option>
	              <option value="1">02</option>
	              <option value="2">03</option>
	              <option value="3">04</option>
	              <option value="4">05</option>
	              <option value="6">06</option>
	              <option value="6">07</option>
	              <option value="5">08</option>
	              <option value="7">09</option>
	              <option value="8">10</option>
	              <option value="9">11</option>
	              <option value="10">12</option>
	             
	            </select>
	          </div>
	         
       		 </div>
       		 <div class="layui-form-item layui-inline" >
	       
	          
	          <div class=""  style="width:100px">
	            <select name="city" lay-verify="required" >
	              <option value=""></option>
	              <option value="0">摄影</option>
	              <option value="1">绘画</option>
	              <option value="2">体育</option>
	              <option value="3">看书</option>
	              <option value="4">旅游</option>
	            </select>
	          </div>
       		 </div>
        </div>
        
        <div class="layui-form-item">
          <label class="layui-form-label">特长</label>
          <div class="layui-input-block">
            <input type="checkbox" name="like[football]" title="足球">
            <input type="checkbox" name="like[basketball]" title="篮球" checked>
            <input type="checkbox" name="like[yumaoqiu]" title="羽毛球">
            <input type="checkbox" name="like[pingpangqiu]" title="乒乓球">
            <input type="checkbox" name="like[paiqiu]" title="排球">
            <input type="checkbox" name="like[tennis]" title="网球">
            <input type="checkbox" name="like[draw]" title="画画">
             <input type="checkbox" name="like[sing]" title="唱歌">
          </div>

        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label">个人简介</label>
          <div class="layui-input-block">
            <textarea name="desc" placeholder="请输入内容" class="layui-textarea" style="width:500px;"></textarea>
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
      </form>
</div>

<script type="text/javascript">
layui.use('form', function(){
	  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
	  
	  
	  form.render();
}); 
</script>
</body>
</html>